import { Image } from 'antd';

export const columns = [
    {
        title: '序号',
        dataIndex: 'serial',
        key: 'serial',
        align: 'center',
        width: 50,
        ellipsis: true,
    },
    {
        title: '更新时间',
        dataIndex: 'lastUpdateTime',
        key: 'lastUpdateTime',
        align: 'center',
        width: 160,
        ellipsis: true,
        render: (text) => <a>{text}</a>,
    },
    {
        title: '任务号',
        dataIndex: 'eventCode',
        key: 'eventCode',
        align: 'center',
        width: 120,
        ellipsis: true,
    },
    {
        title: '案件描述',
        dataIndex: 'eventDesc',
        key: 'eventDesc',
        width: 280,
        align: 'center',
        ellipsis: true,
    },
    {
        title: '当前环节',
        dataIndex: 'currentStepName',
        key: 'currentStepName',
        align: 'center',
        width: 80,
        ellipsis: true,
    },
    {
        title: '当前处理部门',
        dataIndex: 'currentDeptName',
        key: 'currentDeptName',
        align: 'center',
        width: 100,
        ellipsis: true,
    },
    {
        title: '当前处理人',
        dataIndex: 'currentDealPeopleName',
        key: 'currentDealPeopleName',
        align: 'center',
        width: 150,
        ellipsis: true,
    },
    {
        title: '发生时间',
        dataIndex: 'eventTime',
        key: 'eventTime',
        align: 'center',
        width: 160,
        ellipsis: true,
    },
    {
        title: '案件图片',
        dataIndex: 'fileUrls',
        key: 'fileUrls',
        align: 'center',
        width: 100,
        ellipsis: true,
        render: (picList) => {
            return (
                <div style={{ display: 'flex', justifyContent: 'space-around' }}>
                    <Image.PreviewGroup items={picList.split(",")}>
                        <Image height={20} width={80} alt={'点击查看'} src='' />
                    </Image.PreviewGroup>
                </div>
            )
        },
    },
];